@charset "utf-8";
/* CSS Document */

#sliderCenter {
	z-index: 2; position: absolute;
}

#slider {
	z-index: 1;position: absolute;width: 1200px; height: 245px; overflow: hidden; left:0px;
}

#slider .slide {
	z-index: 10; position: absolute;width: 550px; background: #000; height: 245px; overflow: hidden; cursor: default; left: 0px;text-align:left;
}

#slider .slide .box {position:absolute; left:0; top:0px; border:2px solid rgba(153,1,1,0.77); width:546px; height:241px; 
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
}
#slider .slide:hover .box { 
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
}
/*#slider .slide .box1 { width:546px;}
#slider .slide .box4 { width:546px;}*/
#slider .slide .box a { display:block; width:100%; height:100%;}

#slider .title {
	color: #f80; font-size: 1.2em; font-weight: bold; margin-right: 1.5em; text-decoration: none
}

#slider .text {
	position: absolute; text-align: justify; width: 100%; display: none; font-family: verdana, arial, helvetica, sans-serif; color: #fff; font-size: 0.9em; top: 100%; left: 10px
}

#slider .diapo {
	position: absolute; filter: alpha(opacity=100); visibility: visible; opacity: 1
}


.iserv {max-width:1200px; height:245px; margin:0 auto; margin-top:30px;}
.iserv .isdiv { float:left; width:300px; overflow:hidden; height:245px; position:relative; 
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
	-ms-transition: all 0.4s ease 0s;
}
.iserv:hover .isdiv { width:216px;} 
.iserv:hover .isdiv:hover { width:550px;}